/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet Copyright (C) 2006-2011
 * kindsoft.net
 * 
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 ******************************************************************************/

KindEditor.plugin('media', function(K) {
	var self = this, name = 'media', lang = self.lang(name + '.'), allowMediaUpload = K
			.undef(self.allowMediaUpload, true), allowFileManager = K.undef(
			self.allowFileManager, false), formatUploadUrl = K.undef(
			self.formatUploadUrl, true), extraParams = K.undef(
			self.extraFileUploadParams, {}), filePostName = K.undef(
			self.filePostName, 'imgFile'), uploadJson = K.undef(
			self.uploadJson, self.basePath + 'php/upload_json.php');
	self.plugin.media = {
		edit : function() {
			var html = [
					'<div style="padding:20px;">',
					// url
					'<div class="ke-dialog-row">',
					'<label for="keUrl" style="width:60px;">' + lang.url
							+ '</label>',
					'<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:160px;" /> &nbsp;',
					'<input type="button" class="ke-upload-button" value="'
							+ lang.upload + '" /> &nbsp;',
					'<span class="ke-button-common ke-button-outer">',
					'<input type="button" class="ke-button-common ke-button" name="viewServer" value="'
							+ lang.viewServer + '" />',
					'</span>',
					'</div>',
					// width
					'<div class="ke-dialog-row">',
					'<label for="keWidth" style="width:60px;">' + lang.width
							+ '</label>',
					'<input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="550" maxlength="4" />',
					'</div>',
					// height
					'<div class="ke-dialog-row">',
					'<label for="keHeight" style="width:60px;">' + lang.height
							+ '</label>',
					'<input type="text" id="keHeight" class="ke-input-text ke-input-number" name="height" value="400" maxlength="4" />',
					'</div>',
					// autostart
					'<div class="ke-dialog-row">',
					'<label for="keAutostart">' + lang.autostart + '</label>',
					'<input type="checkbox" id="keAutostart" name="autostart" value="" /> ',
					'</div>', '</div>'].join('');
			var dialog = self.createDialog({
				name : name,
				width : 450,
				height : 230,
				title : self.lang(name),
				body : html,
				yesBtn : {
					name : self.lang('yes'),
					click : function(e) {
						var url = K.trim(urlBox.val()), width = widthBox.val(), height = heightBox
								.val();
						if (url == 'http://' || K.invalidUrl(url)) {
							alert(self.lang('invalidUrl'));
							urlBox[0].focus();
							return;
						}
						if (!/^\d*$/.test(width)) {
							alert(self.lang('invalidWidth'));
							widthBox[0].focus();
							return;
						}
						if (!/^\d*$/.test(height)) {
							alert(self.lang('invalidHeight'));
							heightBox[0].focus();
							return;
						}
						var html = K.mediaImg(self.themesPath
										+ 'common/blank.gif', {
									src : url,
									type : K.mediaType(url),
									width : width,
									height : height,
									autostart : autostartBox[0].checked
											? 'true'
											: 'false',
									loop : 'true'
								});
						self.insertHtml(html).hideDialog().focus();
					}
				}
			}), div = dialog.div, urlBox = K('[name="url"]', div), viewServerBtn = K(
					'[name="viewServer"]', div), widthBox = K('[name="width"]',
					div), heightBox = K('[name="height"]', div), autostartBox = K(
					'[name="autostart"]', div);
			urlBox.val('http://');

			if (allowMediaUpload) {
				var uploadbutton = K.uploadbutton({
							button : K('.ke-upload-button', div)[0],
							fieldName : filePostName,
							extraParams : extraParams,
							url : K.addParam(uploadJson, 'dir=media'),
							afterUpload : function(data) {
								dialog.hideLoading();
								if (data.error === 0) {
									var url = data.url;
									if (formatUploadUrl) {
										url = K.formatUrl(url, 'absolute');
									}
									urlBox.val(url);
									if (self.afterUpload) {
										self.afterUpload.call(self, url, data,
												name);
									}
									alert(self.lang('uploadSuccess'));
								} else {
									alert(data.message);
								}
							},
							afterError : function(html) {
								dialog.hideLoading();
								self.errorDialog(html);
							}
						});
				uploadbutton.fileBox.change(function(e) {
							dialog.showLoading(self.lang('uploadLoading'));
							uploadbutton.submit();
						});
			} else {
				K('.ke-upload-button', div).hide();
			}

			if (allowFileManager) {
				viewServerBtn.click(function(e) {
					self.loadPlugin('filemanager', function() {
								self.plugin.filemanagerDialog({
											viewType : 'LIST',
											dirName : 'media',
											clickFn : function(url, title) {
												if (self.dialogs.length > 1) {
													K('[name="url"]', div)
															.val(url);
													if (self.afterSelectFile) {
														self.afterSelectFile
																.call(self, url);
													}
													self.hideDialog();
												}
											}
										});
							});
				});
			} else {
				viewServerBtn.hide();
			}

			var img = self.plugin.getSelectedMedia();
			if (img) {
				var attrs = K.mediaAttrs(img.attr('data-ke-tag'));
				urlBox.val(attrs.src);
				widthBox
						.val(K.removeUnit(img.css('width')) || attrs.width || 0);
				heightBox.val(K.removeUnit(img.css('height')) || attrs.height
						|| 0);
				autostartBox[0].checked = (attrs.autostart === 'true');
			}
			urlBox[0].focus();
			urlBox[0].select();
		},
		'delete' : function() {
			self.plugin.getSelectedMedia().remove();
		}
	};
	self.clickToolbar(name, self.plugin.media.edit);
});
